Jassif Team Institution

AngularJS পরিষেবা

AngularJS-এ আপনি আপনার নিজস্ব পরিষেবা তৈরি করতে পারেন, বা অনেকগুলি অন্তর্নির্মিত পরিষেবাগুলির মধ্যে একটি ব্যবহার করতে পারেন।

সেবা কি?

AngularJS এর ​​প্রায় 30টি বিল্ট-ইন পরিষেবা রয়েছে।

তাদের মধ্যে একটি হল $location পরিষেবা।

$location পরিষেবার এমন পদ্ধতি রয়েছে যা বর্তমান ওয়েব পৃষ্ঠার অবস্থান সম্পর্কে তথ্য প্রদান করে:

উদাহরণ

একটি কন্ট্রোলারে $location পরিষেবা ব্যবহার করুন:

var app = angular.module('myApp', []);
app.controller('customersCtrl', function($scope, $location) {
    $scope.myUrl = $location.absUrl();
});

নোট করুন যে $location পরিষেবাটি একটি যুক্তি হিসাবে নিয়ামকের মধ্যে পাস করা হয়।

একটি নিয়ামক একটি পরিষেবা ব্যবহার করার জন্য, এটি একটি নির্ভরতা হিসাবে সংজ্ঞায়িত করা আবশ্যক.

কেন পরিষেবাগুলি ব্যবহার করবেন?

অনেক পরিষেবার জন্য, যেমন $location পরিষেবার জন্য, মনে হতে পারে আপনি ইতিমধ্যেই DOM-এ থাকা বস্তুগুলি ব্যবহার করতে পারেন, যেমন window.location অবজেক্ট, এবং আপনি করতে পারেন, কিন্তু কিছু সীমাবদ্ধতা আছে, অন্তত আপনার AngularJS অ্যাপ্লিকেশনের জন্য।

AngularJS ক্রমাগত আপনার অ্যাপ্লিকেশন নিরীক্ষণ করে, এবং পরিবর্তন এবং ঘটনাগুলি সঠিকভাবে পরিচালনা করতে, AngularJS পছন্দ করে যে আপনি window.location অবজেক্টের পরিবর্তে $location পরিষেবা ব্যবহার করুন।

$http পরিষেবা

অ্যাঙ্গুলারজেএস অ্যাপ্লিকেশনগুলিতে $http পরিষেবাটি সবচেয়ে বেশি ব্যবহৃত পরিষেবাগুলির মধ্যে একটি।

এই পরিষেবাটি সার্ভারের কাছে একটি অনুরোধ করে এবং আপনার অ্যাপ্লিকেশনটিকে প্রতিক্রিয়া পরিচালনা করার অনুমতি দেয়৷

উদাহরণ

সার্ভার থেকে ডেটা অনুরোধ করতে $http পরিষেবা ব্যবহার করুন:

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $http) {
    $http.get("welcome.htm").then(function (response) {
        $scope.myWelcome = response.data;
    });
});

এই উদাহরণটি $http পরিষেবার একটি খুব সহজ ব্যবহার প্রদর্শন করে।

$টাইমআউট পরিষেবা

$timeout পরিষেবা হল window.setTimeout ফাংশনের AngularJS সংস্করণ।

উদাহরণ

দুই সেকেন্ড পরে একটি নতুন বার্তা দেখান:

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $timeout) {
    $scope.myHeader = "Hello World!";
    $timeout(function () {
        $scope.myHeader = "How are you today?";
    }, 2000);
});

$interval পরিষেবা

$interval পরিষেবা হল window.setInterval ফাংশনের AngularJS সংস্করণ।

উদাহরণ

প্রতি সেকেন্ডে সময় দেখান:

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $interval) {
    $scope.theTime = new Date().toLocaleTimeString();
    $interval(function () {
        $scope.theTime = new Date().toLocaleTimeString();
    }, 1000);
});

আপনার নিজস্ব সেবা তৈরি করুন

আপনার নিজস্ব পরিষেবা তৈরি করতে, মডিউলে আপনার পরিষেবা লিঙ্ক করুন:

হেক্সাফি নামে একটি পরিষেবা তৈরি করুন:

app.service('hexafy', function() {
    this.myFunc = function (x) {
        return x.toString(16);
    }
});

আপনার কাস্টম পরিষেবা ব্যবহার করতে, কন্ট্রোলার সংজ্ঞায়িত করার সময় এটিকে নির্ভরতা হিসাবে যুক্ত করুন:

উদাহরণ

একটি সংখ্যাকে হেক্সাডেসিমেলে রূপান্তর করতে কাস্টম পরিষেবা হেক্সাফি ব্যবহার করুন:

app.controller('myCtrl', function($scope, hexafy) {
    $scope.hex = hexafy.myFunc(255);
});

একজন নির্মাতার মধ্যে একটি কাস্টম পরিষেবা ব্যবহার করুন

একবার আপনি একটি পরিষেবা তৈরি করেন এবং এটিকে আপনার অ্যাপ্লিকেশনের সাথে সংযুক্ত করেন, আপনি পরিষেবাটি যে কোনও নিয়ামক, নির্দেশিকা, নির্মাতা বা এমনকি অন্যান্য পরিষেবাগুলির মধ্যে ব্যবহার করতে পারেন৷

বিল্ডারের মধ্যে একটি পরিষেবা ব্যবহার করতে, নির্মাতাকে সংজ্ঞায়িত করার সময় এটিকে নির্ভরতা হিসাবে যুক্ত করুন:

হেক্সাফি পরিষেবা মাইফরম্যাট বিল্ডারে ব্যবহৃত হয়:

app.filter('myFormat',['hexafy', function(hexafy) {
    return function(x) {
        return hexafy.myFunc(x);
    };
}]);

একটি বস্তু বা একটি অ্যারে থেকে মান প্রদর্শন করার সময় একটি নির্মাতা ব্যবহার করা যেতে পারে:

<ul>
    <li ng-repeat="x in counts">{{x | myFormat}}</li>
</ul>

সাধারণ অন্তর্নির্মিত পরিষেবা

ব্যায়ামের মাধ্যমে শেখা

পরিষেবার সর্বোত্তম অভ্যাস

পরিষেবা তৈরির পদ্ধতি